<template>
  <div class="searchBox">
    <i class="iconfont">&#xe643;</i>
    <p class="input-text">{{text}}</p>
  </div>
</template>
<script>
export default {
  name: 'searchBox',
  props: {
    text: {
      type: String,
      default: '请输入搜索内容'
    }
  }
}
</script>
<style lang="stylus" scoped>
.searchBox
  width 100%
  display flex
  align-items center
  .iconfont
    padding-left 10px
  .input-text
    padding-left 10px
    flex 1
</style>
